// 变换和过渡

/* S 旋转 */
$rotate-values: (
  45: rotate(45deg),
  90: rotate(90deg),
  180: rotate(180deg),
  45-neg: rotate(-45deg),
  90-neg: rotate(-90deg),
  180-neg: rotate(-180deg),
);

@each $k, $v in $rotate-values {
  .rotate-#{$k} {
    transform: $v;
  }
}
/* e 旋转 */

/* S 平移居中 */
$translate-middle-values: (
  all: translate(-50%, -50%),
  x: translateX(-50%),
  y: translateY(-50%),
);

@each $k, $v in $translate-middle-values {
  .translate-middle-#{$k} {
    transform: $v;
  }
}
/* E 平移居中 */

/* S 缩放 */
$scale-middle-values: (
  0: 0,
  100: 1
);

@each $k, $v in $scale-middle-values {
  .scale-#{$k} {
    transform:  scale($v);
  }
}
/* E 缩放 */
